<%--
  Created by IntelliJ IDEA.
  User: 28101
  Date: 2021/9/22
  Time: 9:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <style>
        div{
            padding: 20px;
            margin-top: 150px;
            border-radius: 25px;
            text-align: center;
        }

        form{
            text-align: center;
        }

        .input{
            border-radius: 25px;
            height: 40px;
            width: 20%;
            margin-bottom: 15px;
            margin-top: 20px;
            border: none;
        }

        input[name='user']{
            background-image: url(/imgs/user.jpeg);
            background-size: 50px;
            background-repeat: no-repeat;
            padding-left: 50px;
        }

        input[name='pass']{
            background-image: url(/imgs/lock.jpeg);
            background-size: 20px;
            background-repeat: no-repeat;
            padding-left: 50px;
            background-position-x: 15px;
            background-position-y: 4px;
        }

        .submit{
            border-radius: 25px;
            height: 40px;
            width: 20%;
            background-color: #0b61e2;
            text-align: center;
            font-size: 25px;
        }

        span{
            font-family: "Comic Sans MS";
            font-size: 40px;
            text-align: center;
            color: azure;
        }

        img{
            height: 30px;
            text-align: center;
        }

    </style>
</head>
<body background="/imgs/index.png">

    <div>
        <span><strong>用 户 登 录</strong></span>
        <form method="post" action="/UserServlet?method=login">

            <input type="text" name="username" placeholder="username" class="input"><p/>

            <input type="password" name="password" placeholder="password" class="input"><p/>

            <input type="submit" value="login" class="submit">
        </form>

        <a href="/jsp/register.jsp">还没有账号？点击注册</a>

    </div>

</body>
</html>
